
$(function () {
    var imgLogo = $(".mihoyo-logo");
    imgLogo.click(function () {
        location.href = "./index.html"
    })

    // 页签切换
    var loginTabs = $(".login-tab .tab-item");
    var tabsLine = $(".tab-active-line");
    var forms = $(".form-box .form-tab");
    loginTabs.each(function (index, item) {
        $(item).click(function () {
            loginTabs.each(function (index1, item1) {
                $(item1).removeClass("active");
            })
            forms.each(function (index1, item1) {
                $(item1).removeClass("active");
            })
            forms.eq(index).addClass("active");
            $(item).addClass("active");
            tabsLine.css({ "left": `${index * 50}%` });
        })
    })

    // 勾选同意框
    var checkBox = $(".mhy-checkbox");
    checkBox.click(function () {
        $(this).toggleClass("checked")
    })

    // 输入动画
    var inputLine = $(".mhy-form-input .input-line");
    var inputBars = $("input");
    var inputLabel = inputBars.next();
    var errText = $(".error-text");
    var inputItem = $(".input-item");
    var reg = /^1[3-9]\d{9}$/;
    errText.hide();
    $(".error-text-ph").hide();
    inputBars.each(function (index, item) {
        $(item).focus(function () {
            inputLine.eq(index).css({
                "width": "100%"
            })
        })

        // 输入框失焦时不能为空
        $(item).blur(function () {
            inputLine.eq(index).css({
                "width": "0"
            })
            if ($(item).val() == "") {
                $(".error-text-ph").hide();
                errText.eq(index).show();
                inputItem.eq(index).addClass("input-error");
            }
        })

        $(item).on("input", function () {
            if ($(item).val() != "") {
                errText.eq(index).hide();
                inputItem.eq(index).removeClass("input-error")
                inputLabel.eq(index).addClass("label-at-top")
            }
            else {
                inputLabel.eq(index).removeClass("label-at-top")
            }

        })
    })

    // 手机号码格式验证
    inputBars.eq(0).on("input", function () {
        if (reg.test($(this).val())) {
            $(".error-text-ph").hide();
            inputItem.eq(0).removeClass("input-error")
        }
        else {
            $(".error-text-ph").show();
            inputItem.eq(0).addClass("input-error");
        }
    })

    var myToast = $(".mhy-toast");
    myToast.hide();

    // 点击登录
    var submitBtns = $('.login-btn');
    var formBars = $(".form-tab");
    submitBtns.each(function (index, item) {
        $(item).click(function () {
            if (checkBox.eq(0).hasClass("checked")) {
                if (inputBars.eq(index + 1) != "" && inputBars.eq(index + 2) != "") {
                    var username = inputBars.eq(index + 1).val();
                    var password = inputBars.eq(index + 2).val();
                    axios({
                        url: `http://localhost:6766/api/user/${username}/${password}`,
                        method: "get"
                    }).then(function (res) {
                        if (res.data.error_code == 0) {
                            $.cookie("username", username);
                            myToast.show();
                            myToast.text("登录成功");
                            var mytime = setTimeout(function () {
                                myToast.hide();
                                clearTimeout(mytime);
                            }, 1000);
                            location.href = "./index.html"
                            // window.history.go(-1);
                        }
                        else if (res.data.error_code == 1002) {
                            myToast.show();
                            myToast.text("用户名或者密码错误");
                            var mytime = setTimeout(function () {
                                myToast.hide();
                                clearTimeout(mytime);
                            }, 1000)
                        }
                    })
                }
            }
            else {
                myToast.show();
                myToast.text("请先阅读并同意协议");
                var mytime = setTimeout(function () {
                    myToast.hide();
                    clearTimeout(mytime);
                }, 1000)
            }
        })
    })
})